<html class="html">
	<head>
		<script type="text/javascript" src="js/libs/jquery-1.5.1.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.min.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.easing-1.3.pack.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.mousewheel-3.0.4.pack.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.fancybox-1.3.4.js"></script>
		<script type="text/javascript">
			$(document).ready(
				function(){
					$("#add").click(function(){
        					window.parent.$.fancybox({
                                                        'height' : '75%',
                                                        'width' : '60%',
                                                        'href' : 'newEntry.html?id=1',
                                                        'type': 'iframe'
					        });		
					});
					$("#view1").click(function(){
        					window.parent.$.fancybox({
                                                        'height' : '100%',
                                                        'width' : '100%',
                                                        'href' : 'viewEntry.html?id=3',
                                                        'type': 'iframe'
					        });		
					});
					$("#view2").click(function(){
        					window.parent.$.fancybox({
                                                        'height' : '100%',
                                                        'width' : '100%',
                                                        'href' : 'viewEntry.html?id=4',
                                                        'type': 'iframe'
					        });		
					});
				});
		</script>
		<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
		
		<title>Articles</title>
		<!-- JavaScripts --->
		<script src="js/ratingPlugin/jquery.js"></script>
		<script src="js/ratingPlugin/jquery.MetaData.js"></script>
		<script src="js/ratingPlugin/jquery.rating.js"></script>
		<script src="js/ratingPlugin/jquery.rating.pack.js"></script>
		<script src="js/ratingPlugin/documentation.js"></script>
		<!-- CSS -->
		<link rel="stylesheet" href="css/ratingPlugin/jquery.rating.css" />
		<!--link rel="stylesheet" href="css/ratingPlugin/documentation.css" /-->
	</head>
	<body>
		<div style="border: #DDDDDD; padding: 20px; background: #E5E5E5; border-radius: 22px;">
		<table border="0" width="100%" summary="">
			<tr>
				<td align="left" valign="center">
					<font size="3"> <b>Articles</b> </font>
				</td>
				<td align="right" valign="center">
					<button id="add" type="button">Add</button>
				</td>
			</tr>
		</table>
		
		<hr />
		
		<div id="articles" >
			<table cellpadding="10" width="100%" summary="">
				
				<tr onmouseover="this.style.cursor='pointer'">
					<td id="1"><font size="2"><b>
						<a href="#divframe" id="view1">
						15% Raise for all of the workers
						</a>
					</b></font></td>
					<td valign="top">
						<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star" type="radio" class="star" disabled="disabled" checked="checked"/>
						<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
					</td>
				</tr>
				
				
				<tr onmouseover="this.style.cursor='pointer'">
					<td id="2"><font size="2"><b>
						<a href="#divframe" id="view2">
						My experience with the new red buses
						</a>
					</b></font></td>
					<td valign="top">
						<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star2" type="radio" class="star" disabled="disabled" checked="checked"/>
						<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
					</td>
				</tr>
			</table>
		</div>
		</div>
		<div id="divframe" style="display: none">
		</div>
		
	</body>
</html>
